Mouse Drag

事件监听的类型：

• 拖动事件：

  1. dragstart：被拖对象，开始拖动元素时触发
  2. drag：被拖对象，拖动过程中触发
  3. dragenter：经过对象，拖放过程中鼠标经过的元素，被拖放的元素“开始”进入其它元素范围内（刚进入）
  4. dragover：经过对象，拖放过程中鼠标经过的元素，被拖放的元素正在本元素范围内移动(一直)
  5. dragleave：经过对象，拖放过程中鼠标经过的元素，被拖放的元素离开本元素范围（离开时）
  6. drop：目标地点，拖放的目标元素，其他元素被拖放到本元素中
  7. dragend：被拖对象，完成拖动后触发

• 鼠标事件：

  1. mousedown：鼠标按钮被按下（左键或者右键）时触发，不能通过键盘触发
  2. mouseup：鼠标按钮被释放弹起时触发，不能通过键盘触发
  3. click：单击鼠标左键或者按下回车键时触发
  4. dbclick：双击鼠标左键时触发
  5. mouseover：鼠标移入目标元素上方。鼠标移到其后代元素上时会触发
  6. mouseout: 鼠标移出目标元素上方
  7. mouseenter: 鼠标移入元素范围内触发，该事件不冒泡，即鼠标移到其后代元素上时不会触发
  8. mouseleave: 鼠标移出元素范围时触发，该事件不冒泡，即鼠标移到其后代元素时不会触发
  9. mousemove: 鼠标在元素内部移到时不断触发。不能通过键盘触发
  10. mousewheel: 鼠标滚动时触发

  note：

  在一个元素上相继触发mousedown和mouseup事件，才会触发click事件。两次click事件相继触发才会触发dblclick事件。

  如果取消 了mousedown或mouseup中的一个，click事件就不会被触发。直接或间接取消了click事件，dblclick事件就不会被触发了。

• 键盘事件：

  1. keydown：在键盘上按下某个键时触发。如果按住某个键，会不断触发该事件。
  2. keypress：按下某个键盘键并释放时触发。如果按住某个键，会不断触发该事件。
  3. keyup：释放某个键盘键时触发。该事件仅在松开键盘时触发一次，不是一个持续的响应状态。

• contextmenu：在元素中右击鼠标时触发，并打开上下文菜单；

• wheel：鼠标滚轮滚动的时候被触发